/* 
    Document   : style_back
    Created on : Oct 3, 2012, 12:17:30 PM
    Author     : amrmosho
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

/* 
    Document   : style
    Created on : Oct 1, 2012, 2:31:57 PM
    Author     : amrmosho
    Description:
        Purpose of the stylesheet follows.
*/



.thtitle{

    border: none;
    cursor: pointer;
    font-size:  11pt;
    color: blue;
    margin: 2px;
    padding: 2px;

    border-bottom:  2px solid lightblue;


}
.tabs{

    border: none;
    cursor: pointer;
    font-size:  8pt;
    color: blue;
    margin: 2px;
    padding: 2px;

    border:   1px solid lightblue;

}

.myupdate{
    position: absolute;
    top: 15px;
    right:20px;
}

.tabs.selected{

    border-bottom:    1px solid blue;


}


.subtitle{
    color:blue;
    border-bottom:    1px solid lightblue;

}

.alldvs{
    width:70%;
    float: right;
}
.tabsvAll{
    float:left;
    width:30%;

}

.tabsvAll button{
    width:100%;


    border: 1px solid lightblue;
    color: blue;
    cursor: pointer;
    font-size: 8pt;
    margin: 2px;
    padding: 2px;
    cursor: pointer

}

.tabsvAll button.selected {
    border-bottom: 1px solid blue;
}



.editorframe{

    position: fixed;
    top:0px;

    left:0px;
    right:0px;
    bottom:0px;
    width: 100%;
    height: 100%;

    border: 1px;

}


.mainTabs{
    position: absolute;

    margin: auto;

    height: 80%;

    width: 60%;
    float:right;
    right:0px;
    top:10px;




}


.homebt{
    position: absolute;



    height: 60px;

    width: 30px;

    left:-30px;
    top:10px;
    background: #333;
    cursor: pointer
}

.mainTabs div{


    height:30%; 
    width:26%; 
    background: transparent left top  url("images/boxes.png");
    margin: 1%;
    float:right;
    padding:2px;
    cursor: pointer;




}







.mainTabs #c1,
.mainTabs #c2,
.mainTabs #c3,
.mainTabs #c4,
.mainTabs #c5,
.mainTabs #c6{


    background-size: 90% 90%; 
    background-position: center;
    background-color: transparent ;
    background-repeat: no-repeat; 
}


.mainTabs #c1:hover{

 background-image:    url("images/02.png");


}
.mainTabs #c2:hover{

     background-image: url("images/01.png");   

}
.mainTabs #c3:hover{

    background-image:   url("images/06.png");  

}
.mainTabs #c4:hover{

    background-image:   url("images/03.png");   

}
.mainTabs #c5:hover{

  background-image:  url("images/04.png");   

}

.mainTabs #c6:hover{

     background-image:   url("images/05.png");   

}





.mainTabs #c1{

     background-image:   url("images/11.png");

}
.mainTabs #c2{

     background-image:   url("images/12.png");

}
.mainTabs #c3{

   background-image: url("images/07.png");

}
.mainTabs #c4{

     background-image:  url("images/10.png");

}
.mainTabs #c5{

     background-image:  url("images/09.png");

}

.mainTabs #c6{

    background-image:  url("images/08.png");

}






.mainTabs div.row{


    width:100%;
    clear: both;
    height:1px;

}


.mainTabs div:hover{

    background-position:left bottom;

}




.mainTabs div.act{


    border-bottom:  1px solid #0609F5;


}

.home{


    background:  repeat scroll 0 0 #333333 url("images/backdrop2.bmp");
    border: 1px solid #000000;
    height: 80%;
    left: 10%;
    position: absolute;
    top: 10%;
    width: 80%;
    z-index: 1000000;
    border-radius: 15px;
    background-size: 100% 
}



